<!--整车提货-->
<template>
  <div class="contain">
    <!--tab-->
    <div class="lltab mb10 ft14">
      <tab bar-active-color="#77babd" 
           defaultColor="#333333"
           active-color="#77babd"
           :line-width='2'>
        <tab-item selected 
          @on-item-click="tab=true">整车提货</tab-item>
        <tab-item 
          @on-item-click="tab=false">区域提货</tab-item>
      </tab>
    </div>
    <div class="form-wrap" v-if="!tab">
      <div class="form-choice line">
        <x-address  title="提货区域" 
                    v-model="addrvalue" 
                    :list="addressData" 
                    value-text-align="left"
                    placeholder="点击选择"></x-address>
      </div>
    </div>
    <div class="plain-txt ft17">
      <p>起运地<i>湖北省/武汉市</i></p>
      <p>目的地<i>北京市/东城区</i></p>
      <p>起运日期<i>2017-09-11</i></p>
      <p>承运商<i>德邦物流公司</i></p>
      <p>司机<i>刘天胜</i></p>
    </div>
    <div class="plain-txt mb30 ft17">
      <p>客户数<i>3</i></p>
      <p>送货地址数<i>4</i></p>
      <p>订单数<i>5</i></p>
      <p>总件数<i>6件</i></p>
    </div>
    <div class="form-wrap mb30">
      <div class="form-wrap-row">
        <div class="line displayflex">
          <div class="label">备注</div> 
          <div class="ipt flex1"><textarea type="text" placeholder="请输入备注信息" class="form-txtarea"></textarea></div>
        </div>
      </div>
    </div>
    <div class="form-btn" v-if="tab">整车提货</div>
    <div class="form-btn" v-if="!tab">区域提货</div>
  </div>
</template>

<script>

export default {
  name:'pickVehicle',
  data() {
    return {
      tab:true,
      addrvalue:[],
      addressData: this.ChinaAddressV3Data,
    }
  },
  created(){
    
  },
  mounted() {
    this.$nextTick(function() {

    })
  },
  methods: {
    
  }
}
</script>